<%
//下载APP
layout("/inc/layout.html",{
title:'申请详情 - 工商申请 - 智慧洛龙',
keywords:'工商申请,智慧洛龙',
description:'工商申请,智慧洛龙',
style:'index.css'
}){
%>
<section class="container mt15">
    <div class="row">
        <div class="panel panel-info">
            <div class="panel-heading text-left"><b>营业执照办理</b></div>
            <div class="panel-body">


                <div class="tabs-container" id="tabs-container">
                    <ul class="nav nav-tabs">
                        <li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true"> 基本信息</a></li>
                        <li class=""><a data-toggle="tab" href="#tab-2" aria-expanded="false">股东信息</a></li>
                        <li class=""><a data-toggle="tab" href="#tab-3" aria-expanded="false">成员信息</a></li>
                        <li class=""><a data-toggle="tab" href="#tab-4" aria-expanded="false">审批日志</a></li>
                    </ul>
                    <div class="tab-content">
                        <div id="tab-1" class="tab-pane active">
                            <div class="panel-body col-sm-offset-1 col-sm-9">
                                <div class="form-horizontal">
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">企业名称：</label>
                                        <div class="col-sm-10">
                                            <div class="form-control">${companyApply.companyName}</div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">备选字号：</label>
                                        <div class="col-sm-offset-2 ">
                                            <%
                                            if(isNotEmpty(companyBrandOptionalList)){
                                            for(brand in companyBrandOptionalList){
                                            %>
                                            <div class="col-sm-3 mb5">
                                                <div class="form-control">${brand}</div>
                                            </div>
                                            <%
                                            }
                                            }
                                            %>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">注册地：</label>
                                        <div class="col-sm-10">
                                            <div class="form-control">${companyApply.companyAddress}</div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">证照资料：</label>
                                        <% if(isNotEmpty(imagesList)){
                                        for(image in imagesList){ %>
                                        <div class="col-sm-2 mb5">
                                            <img src="${uploaderFilesDomain!}${image.img!'/static/images/nopic.jpg'}" style="width: 120px;height: 120px" title="点击查看大图" alt="点击查看大图">
                                        </div>
                                        <% }}else{ %>
                                        <div class="col-sm-2 mb5">
                                            <img src="${uploaderFilesDomain!}${uploaderImageNotpic!}" class="img-thumbnail" title="暂无图片" alt="暂无图片">
                                        </div>
                                        <% } %>
                                    </div>

                                    <div class="form-group">
                                        <label for="businessScope" class="col-sm-2 control-label">经营范围：</label>
                                        <div class="col-sm-10">
                                            <textarea id="businessScope" class="form-control" rows="5" readonly="readonly">${companyApply.businessScope}</textarea>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">注册资本：</label>
                                        <div class="col-sm-10">
                                            <div class="form-control">${companyApply.registeredCapital}万元</div>
                                        </div>
                                    </div>

                                </div>


                            </div>
                        </div>
                        <div id="tab-2" class="tab-pane">
                            <div class="panel-body table-responsive">
                                <table class="table table-hover table-bordered">
                                    <thead>
                                    <tr>
                                        <th width="10%">姓名</th>
                                        <th width="18%">身份</th>
                                        <th width="18%">联系方式</th>
                                        <th width="14%">出资</th>
                                        <th width="20%">证件</th>
                                        <th width="20%">证件照</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <%
                                    if(isNotEmpty(shareholderList)){
                                    for(shareholder in shareholderList){
                                    %>
                                    <tr>
                                        <td>${shareholder.name}</td>
                                        <td>${webUtil.memberIdentity(shareholder.identitys)}</td>
                                        <td>手机：${shareholder.phone}<br>邮箱：${shareholder.email}</td>
                                        <td>时间：${shareholder.investmentTime}年 <br> 金额：${shareholder.investmentAmount}万元 <br> 类型：${webUtil.memberInvestmentMode(shareholder.investmentMode)}</td>
                                        <td>类型：${decode(shareholder.cardType,1,'身份证',2,'营业执照',3,'其他有效证件')}<br>编号：${shareholder.cardNumber}</td>
                                        <td class="IDcard">
                                            <div class="col-sm-6 mb5">
                                                <img src="${uploaderFilesDomain!}${shareholder.cardFrontPicture!'/static/images/nopic.jpg'}" style="width:72px">
                                            </div>
                                            <div class="col-sm-6 mb5">
                                                <img src="${uploaderFilesDomain!}${shareholder.cardBackPicture!'/static/images/nopic.jpg'}" style="width:72px">
                                            </div>
                                        </td>
                                    </tr>
                                    <% } }else{ %>
                                    <tr>
                                        <td colspan="6" class="text-center text-muted">暂无数据</td>
                                    </tr>
                                    <% } %>
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div id="tab-3" class="tab-pane">
                            <div class="panel-body table-responsive">
                                <table class="table table-hover table-bordered">
                                    <thead>
                                    <tr>
                                        <th width="15%">身份</th>
                                        <th width="15%">姓名</th>
                                        <th width="20%">联系方式</th>
                                        <th width="22%">证件</th>
                                        <th width="22%">证件照</th>

                                    </tr>
                                    </thead>
                                    <tbody>
                                    <%
                                    if(isNotEmpty(memberList)){
                                    for(memeber in memberList){
                                    %>
                                    <tr>
                                        <td>${webUtil.memberIdentity(memeber.identity+'')}</td>
                                        <td>${memeber.name}</td>
                                        <td>手机：${memeber.phone}<br>邮箱：${memeber.email}</td>
                                        <td>类型：${decode(memeber.cardType,1,'身份证',2,'营业执照',3,'其他有效证件')}<br/>编号：${memeber.cardNumber}</td>
                                        <td class="IDcard">
                                            <div class="col-sm-6">
                                                <img src="${uploaderFilesDomain!}${memeber.cardFrontPicture!'/static/images/nopic.jpg'}" style="width: 72px;">
                                            </div>
                                            <div class="col-sm-6">
                                                <img src="${uploaderFilesDomain!}${memeber.cardBackPicture!'/static/images/nopic.jpg'}" style="width: 72px;">
                                            </div>
                                        </td>
                                    </tr>
                                    <% } }else{ %>
                                    <tr>
                                        <td colspan="5" class="text-center text-muted">暂无数据</td>
                                    </tr>
                                    <% } %>
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <div id="tab-4" class="tab-pane">
                            <div class="panel-body table-responsive">
                                <table class="table table-hover table-bordered">
                                    <thead>
                                    <tr>
                                        <th width="15%">审批时间</th>
                                        <th width="15%">审批人</th>
                                        <th width="10%">状态</th>
                                        <th width="60%">消息</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    <%
                                    if(isNotEmpty(flowProcessList)){
                                    for(process in flowProcessList){
                                    %>
                                    <tr>
                                        <td class="text text-center">${process.updateTime,"yyyy-MM-dd HH:mm:ss"}</td>
                                        <td>${process.auditorNickName!'-'}</td>
                                        <td>${webUtil.companyItemStatus(process.auditStatus!0)}</td>
                                        <td>${process.message}</td>
                                    </tr>
                                    <%
                                    }
                                    }else{
                                    %>
                                    <tr>
                                        <td colspan="4" class="text-center text-muted">暂无数据</td>
                                    </tr>
                                    <%
                                    }
                                    %>
                                    </tbody>
                                </table>
                            </div>
                        </div>

                    </div>

                </div>


            </div>

            <div class="panel-footer">
                <div class="col-sm-offset-4 clearfix">
                    <div class="mt5 mb5 block col-sm-4">
                        <a href="/user/transact" class="btn btn-success btn-lg btn-block">返回列表</a>
                    </div>
                </div>
            </div>

        </div>

    </div>
</section>
<% } %>
<script>
    require(['modules/company_apply'], function (apply) {
        apply.success();
    });
</script>
</body>
</html>